<template>
 <div>
    <Settingheader :titletext='settingtitle' :backpage="backpage"></Settingheader>
    <div class="about">
        <div class="title">
            关于loveliness
        </div>
        <div class="logo">
            <img src="http://ot9lfn4ld.bkt.clouddn.com/IMG_guanyuloveliness_1.png" alt="logo">
            <p>当前版本：V1.0.0版</p>
        </div>
        <div class="share">
            <ul>
                <li>分享给朋友</li>
                <li>免责声明</li>
            </ul>
        </div>
    </div>
 </div>
</template>
<script>
import Settingheader from "../../components/settingheader";
export default {
  name:'about',
  data(){
      return {
        settingtitle:'loveliness',
        backpage:'setting'
      }
  },
  components:{
      Settingheader
  }
}
</script>
<style lang="less" scoped>
@w:75rem;
.about {
    font-size: 28/@w;
    color: #808080;
    text-align: center;
    .title {
        line-height: 90/@w;   
    }
    .logo {
         box-shadow: 0 0 10px 10px #e9e9e9;
         margin-bottom: 20/@w;
         padding: 72/@w 0 126/@w 0;
         img {
             width: 187/@w;
             height: 187/@w;
             margin-bottom: 16/@w;
         }
    }
    .share {
        text-align: left;
        box-shadow: 0 0 10px 10px #e9e9e9;
        li {
            padding: 0 36/@w;
            line-height: 65/@w;
            border-bottom: 1px solid #e6e6e6;
            &:last-child {
                border: none;
            }
        }
    }
}

</style>

